Hide Images
SAMPLE CODE <style> .invisible { display: none; } </style> <script type="text/javascript" src="../../jQueryFolder/js/jquery-3.1.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ //$"button#toggle_images").on("click", function() { $("button#toggle_images").click(function() { $("img").toggleClass("invisible"); if ($("button#toggle_images").text() === "Hide Images") { $("button#toggle_images").text("Show Images"); } else { $("button#toggle_images").text("Hide Images"); } }); }); </script> <div><img src="../../jQueryFolder/jsImages/button1.jpg" /> </div> <button id="toggle_images">Hide Images</button>
